@charset "utf-8";
@font-face{
	font-family:'Bodoni';
	src:url('../font/Bodoni.ttf');
}
@media screen and (min-width: 768px){
	 .hit-l{
		width: 30%;
		float: left;
	}

	.hit-m{
	width: 38%;
	float: left;
	margin-left: 1%;
    }

    .hit-r{
	width: 30%;
	float: right;
    }

    .hit-box:first-of-type{
	margin-top: 0px;
    }

}
@media screen and (max-width: 768px) {
	 .hit-l{
		width: 100%;
		margin-bottom: 10px;
	}

	.hit-m{
	width: 100%;
	margin-bottom: 10px;
    }

    .hit-r{
	width: 100%;
	margin-bottom: 10px;
    }
    .hit-box{
    	margin-bottom: 10px;
    }
    .hit-box  img{
    	width: 100%;
    	height: auto;
    }

}
.hit-product{
	font-family:'Bodoni';
}

.hit-l .hit-box1{
	width: 100%;
	height: 527px;
}

.hit-m .hit-box1{
	width: 100%;
	height: 255px;
}
.hit-m .hit-box2{
	width: 100%;
	height: 270px;
}

.hit-r .hit-box1{
	width: 100%;
	height: 356px;
}
.hit-r .hit-box2{
	width: 100%;
	height: 169px;
}
.hit-box{
	position: relative;
	text-align: center;
	overflow: hidden;
}
.hit-box{
	margin-top: 2px;
}

.hit-box  img{
	width: 100%;
	height: 100%;
	display: block;
	transition:All 0.4s ease-in-out;    
	-webkit-transition:All 0.4s ease-in-out;    
	-moz-transition:All 0.4s ease-in-out;    
	-o-transition:All 0.4s ease-in-out;
}
.hit-box:hover img{
	transform:scale(1.1);    
	-webkit-transform:scale(1.1);    
	-moz-transform:scale(1.1);    
	-o-transform:scale(1.1);    
	-ms-transform:scale(1.1);
}
.hit-box .hit-txt{
	position: absolute;
	left: 0px;
	z-index: 2;
	top:30%;
	color: #fff;
	font-family:'Bodoni';
	font-size:21px;
	font-weight: 500;
	padding: 0px 1.5%;
	width: 97%;
	text-transform: uppercase;
	line-height: 1.5em;
}
.hit-box .hit-txt .shop-now{
	font-size:16px;
	display: block;
	margin:0 auto;
	width: 104px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #fff;
	margin-top: 20px;
	/*-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-o-transition: .4s all;
	-ms-transition: .4s all;
    transition: .4s all;*/
}
.hit-box:hover .hit-txt .shop-now{
	/*-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	-o-transform: rotate(360deg); 
	-ms-transform: rotate(360deg); 
	transform: rotate(360deg); */
	background: rgba(0,0,0,0.8);
}